.date{
    color : rgb(80,180, 0);
}

.clear{
    clear:both;
}
/*  ***********************************
    NAVIGATIONS
*/

.nav{
}
.nav ul{
    list-style-type: none;    
}
.nav ul li{
    background : #eee;
    padding: 5px 10px;
    border-radius : 5px 5px 5px 5px;
    border : 1px solid #ccc;
}
.nav ul li a{
    color : #555;
    text-decoration: none;
    
}
.nav ul li:hover, .nav ul li a:hover{
    color : #000;    
}

.nav ul li:hover{
    background : #ccc;
}

.navHorizontal li{
    float : left;  
}
.navHorizontal li a{
    display : block;
}



/*  ***********************************
    WRAPPERS
*/

#wrapper{
    
}

.wrapper{
    width : 80%;
    max-width: 1200px;
    margin : auto;
}

.groupNotification{
    float : left;
    width: 100%;
}


.notification{
    
}

/*  ***********************************
    HEADER
*/

#header{
    padding : 0px 0px 0px 0px;
    margin : 0px;
    background : #333;
    height : 80px;
}

#header .wrapper{
    overflow: hidden;
}

#logo{
    width : 29%;
    float : left;
    height : 80px;
}
#logo #siteName{
    color : white;
    background: none;
    font-size: 30px;
    padding-top : 5px;
}

#logo #slogan{
    
}


#headerNav{
    padding-top : 40px;
    height :30px;
    padding-bottom : 10px;
    width : 70%;
    float : right;
}
#headerNav ul{
    margin : 0px;
    padding : 0px;
    height : 30px;
}
#headerNav ul li{ 
    background : none;
    border : none;
}
#headerNav ul li a{ 
    color : #bbb;
}
#headerNav ul li a:hover{ 
    color : #fff;
}

#headerNav ul li{ 
    margin: 0px 0px 0px 0px;
    border-radius : 0px ;
    padding : 7px 10px;
    
}


#headerNavUserAccount{ 
    float : right;
    width: 38%;
}
#headerNavPlace{ 
    width: 58%;
    float: left;
}





/*  ***********************************
    CONTENT
*/

#content  h2{
    text-align: center;
    display : block;
    margin : auto;
    background: none;
    width : 80%;
        padding : 0px;  
    
}
#content .colMainContent h3{
    text-indent : 10%;
    background : rgb(240,240,240);
    padding : 0px;    
}
#content .colMainContent .title .date3
{
    float : right;
    color : black;
    width: 20%;
    height : 30px;
    font-size: 10px;
}
#content .colMainContent .title{
    height: 30px;
}


.title2{
    display : block;
    float : left;
    width : 80%;
    height : 30px;
}
#content h4{
    font-size: 18px;
}

#content{
    padding: 0px;
    margin : 0px;
}
#content .blocAction{
    text-align: center;
    position:absolute;
    height : 50px;
}
#content .blocAction:hover{
    cursor: pointer;
}
.blocAction img{
    width : 50px;
    display : block;
    margin : auto;

}

#content .blocActionNotif{
    background : rgb(250,250,250);
    width: 30%;
    text-align: center;
    display: none;
    float : right;
    color : #999;
    text-indent : 10%;
    	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	font-size: 165%;
    margin-bottom: 30px;
}
#content .supp{
    color:white;
    background-color: red;
    float: right;
    width: 5px;
    height : 5px;
}

#content .blocActionCom{
     background : rgb(250,250,250);
    width: 30%;
    text-align: center;
    display : block;
    float: right;
    color : #999;
    text-indent : 10%;
    	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	font-size: 165%;
            margin-bottom: 30px;
}

#content .colHomeNav{
    background : #fff;
    padding-top : 0px;
    margin-top : 0px;
    width : 20%;
    float : left;
    padding-top : 50px;
}
#content .colHomeNav ul{
    list-style-type : none;
    margin : 0px;
    padding : 0px;
    
}
#content .colHomeNav ul li {
    margin : 0px;
    padding : 0px;    
}
#content .colHomeNav ul li:hover {
    background : #eee;
}
#content .colHomeNav ul li a{
    text-decoration: none;
    
}
#content .colHomeNav .title{
        padding : 0px;  
    font-size: 20px;
    margin-top : 15px;
    color : black;
    border-bottom : 1px solid #ddd;
    border-radius : 10px 10px 0px 0px;
    background: none;
}



.colMainContent ul{
    margin: 10px 0px 10px 10px;
}

.colMainContent ul li{
    
}

/*  ***********************************
    BOTTOM
*/


#bottom{
    clear : both;
    background : #333;
    height : 50px;
}



.colMainContent{
    
    float : left;
    width : 80%;
        padding : 0px;
    
}




table caption{
    font-size: 1.3em;
}

/*  ***********************************
    Class de mise en forme par colonne
*/

.col1{
    width : 10%;
}

.col2{
    width : 20%;
}

.col3{
    width : 10%;
    float : left;
}

.col4{
    width : 40%;
    float : left;
}

.col5{
    width : 50%;
    float : left;
}

.col6{
    width : 60%;
    float : left;
}
.col7{
    width : 70%;
    float : left;
}

.col8{
    width : 80%;
    float : left;
}

.col9{
    width : 90%;
    float : left;
}






.actionPost{
    overflow: hidden;
    border-bottom : 1px dotted #ccc;
    border-right : 1px dotted #ccc;
    margin-top : 20px;
    width: 100%;
    border-radius : 0px 10px 10px 10px;
    
}
.actionPost .title{
    background : #eee;
    padding : 3px 10px;
}
.actionPost .left{
    text-align: center; 
    background : #eee;
    padding : 5px 0px;
}

.actionPost img{
    display : block;
    border : 2px solid white;
    margin : auto;
}





.chatMessage{
    border-top : 1px solid #ccc;
    background : rgb(240,240,255);
    padding : 5px 14px 5px 14px;
}

 #chatMessages{
    max-width:700px;
    margin: auto;
    background: #eee;
    max-height: 500px;
    overflow: auto;
	
}

.chatMessage div.date{
    font-size: 0.8em;
    text-align: right;
}

.chatMessage .content{
    padding : 5px 10px;
    background : #fff;
    border-radius : 5px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.user{
    text-decoration: none;
    padding-bottom: 3px;
    font-size: 0.9em;
}
.user:hover{
    
}

#formChat{
    max-width:600px;
    margin : auto;
    
}
#formChat textarea{
    height: 30px;
}

#formChat .submit{
    text-align: center;
}







.listClickable{
    
}

.listClickable li:hover{
    color : #666;
    cursor : pointer;
}


.listClickable>li{
    padding : 4px 5px;
    
}
.listClickable> ul{
    margin-left : 2%;
    padding : 0px 0px 0px 10px;
    
}

.listClickable li.current + ul{
    border : 1px dashed #ccc;
    background : #eee;
}

.listClickable ul li.current{
    background : none;
    color: green;
    font-weight: bold;
    padding : 0px;
}

